<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
    <link href="${themePath}/css/element-ui-2.3.7.css" rel="stylesheet">
    <link rel="stylesheet" href="${themePath}/css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="${themePath}/css/phone.css" type="text/css"/>
    <link rel="stylesheet" href="${themePath}/css/PersonalCenter.css" type="text/css"/>
    <script src="${themePath}/js/vue-2.5.17.js"></script>
    <script src="${themePath}/js/element-ui-2.4.0.js"></script>
    <title>个人中心</title>
    <style>
        header {
            height: 100px;
            line-height: 80px;
            text-align: center;
            font-size: 25px;
            font-weight: bold
        }

        .el-icon-success {
            font-size: 80px;
            color: #f56c6c
        }

        .el-main {
            text-align: center;
            font-weight: bold
        }

        .el-button--text {
            font-size: 25px;
            font-weight: bold;
            color: #f56c6c
        }
    </style>
</head>

<body style="background: #F5F5F5;position: static;margin: 0 auto;">
<div id="app">
    <el-container>
        <el-header></el-header>
        <el-main>
            <i class="el-icon-success"></i><br><br><br>
            <el-button type="text">下单失败！</el-button>
            <br><br> 1、当前网络系统不稳定造成的，建议您稍后重新尝试； 2、当前所使用的帐号异常，导致无法下单，此情况需要致电联系淘宝客服

            <br><br>


            <el-button type="danger">返回首页</el-button>
        </el-main>
    </el-container>


</div>
</body>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!',
            currentDate: new Date(),
            activeNames: ['0'],
            labelPosition: 'top',
            formLabelAlign: {
                name: '请问',
                region: '你是',
                type: '谁！'
            }
        },
        computed: { //计算属性
            aDouble: vm => vm.a * 2
        },
        methods: { //方法
            plus: function () {
                this.a++
            }
        }
    })
</script>

</html>